/* Shared styles */
/* =============== Set up Styles ============  */
body { 	font-size: 12px; 	line-height: 17px; 	margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #666;  } 
h1, h2, h3, h4, p, form, ul, li, form {  	margin: 0;  	padding: 0;   	font-size: 100%;  	font-weight: normal;  list-style: none; }
.clearBoth {  	clear: both;  	height: 0px;  	overflow: hidden;  	font-size: 0px; 	display: block; 	line-height: 0; 	float: none!important; }
img { 	border: none; }
.hidden {  	position: absolute; 	text-indent: -9000px;  z-index: -1; left:0px; background: none!important; }
* { -webkit-text-size-adjust: 100%; outline: none; }

/* Lightbox background */
#outer { width: 855px; margin: 0 auto; }
#bgTop  { background: url(../img/lbtop.png) 0 0 no-repeat; height: 28px; }
#bgMid  { background: url(../img/lbmid.png) 0 0 repeat-y; }
#bgBot  { background: url(../img/lbbot.png) 0 0 no-repeat; height: 28px; }
#bgMain { background: url(../img/background.jpg) -30px 95px no-repeat; width: 773px; margin: 0 0 0 17px; padding: 15px 23px 8px 23px;  }

/* Logo */
#bgMain > img { margin-left: 5px; }

/* Blue lozenge */
#innerTop { border: 6px solid #015CAE; border-radius: 10px 10px 0 0;  margin-top: 30px; padding: 0 20px 7px 20px;  background-color: #fff; }
#innerBot { display: none; visibility:hidden;  border: 6px solid #015CAE; border-top: none; border-radius: 0 0 10px 10px; padding: 20px 14px 22px 15px; background: #fff url(../img/innerbotgrad.gif) 0 0 repeat-x; overflow: hidden; }
#ibArrow { position: relative; height: 0px; }
#ibArrow img { position: absolute; top: -20px; left: 16px; }
#heading { margin-bottom: 13px; background-color: #015CAE; border-radius: 0 0 10px 10px; padding: 17px 10px 10px 10px; position: relative; }
#heading h1 { color: #fff; font-size: 18px; line-height: 22px; font-weight: bold; }
#heading h2 { color: #fff; font-size: 12px; line-height: 17px; padding-top: 5px; }
#heading img { position: absolute; left: 560px; top: -42px; }
#heading a#close { position: absolute; right: 0px; top: -105px; }

/* Calculator styles */
	/* Top area */
.fldset {  border-bottom: 1px solid #dfdfdf; padding: 9px 13px; overflow: hidden;   }
.field { float: left; width: 353px; overflow: hidden; }
.fieldright { float: right; width: 299px; }
.field label { color: #333; width: 220px; float: left; margin-top: 8px;  }
.fieldright label { width: 169px; }
.field input { padding: 8px; width: 84px; border: 3px solid #e4e4e4; float: right; font-size: 16px;  color: #ccc; font-style: italic; }
.field input.active { color: #1366B2; font-style: normal; font-weight: bold; }
.fieldinvalid input { border-color: red;  }
.fieldinvalid label { color: red; }
.field .tooltip { float: right; margin-top: 8px; margin-right: 5px;  }
#submitField { background-color: #E7F0F7; padding: 20px 13px; overflow: hidden; border-bottom: 1px solid #CAD3DA; }
#submitField span { float: left; width: 353px; margin-top: -5px;}
#submitField a { float: right; }

	/* Lower area */
#ibLeft { float: left; width: 386px; }
#ibRight { float: right; width: 342px; }

#iblHead { background-color: #1569B4; padding: 7px 5px 8px 5px; }
#iblHead h2 { font-size: 15px; line-height: 20px; font-weight: bold; color: #fff; } 
#iblHead h3 { color: #fff; }
.slideField { background-color: #E0EBF5; border-bottom: 1px solid #fff;  padding: 8px 5px 17px 5px; }
.slideField label { float: left; color: #333; width: 200px; margin-top: 10px; }
.slideField label span { display: block; padding-top: 2px;  }
.slideField .sliderBarEmpty { float: right; width: 139px; height: 28px; }
		/* Slider Styles */
.sliderBarEmpty { background: url(../img/slidebarempty.png) 0 0 no-repeat; margin-top: 8px; position: relative; }
.sliderBarFull { background: url(../img/slidebarfull.png) 0 0 no-repeat; width: 0; height: 20px; position: absolute; top: 7px; left: 0; z-index: 0; }

.dlSlider { width: 195px; position: relative; height: 22px;  z-index: 1; left: -30px;}
.dlSlider .handle { color: #fff; text-decoration: none; 	background: url(../img/sliderhandle.png) 0 0 no-repeat; display: block; position: absolute; top: -20px;	cursor: pointer; width: 62px; height: 46px; padding-top: 2px;  } 
.dlSlider .bar { 	display: block; height: 48px; text-align: center; }
.dlSlider .disabled { 	}

	/* Results area */
#ibrHead { padding: 7px 5px; background-color: #D3AB07; }
#ibrHead h2 { font-size: 15px; line-height: 20px; font-weight: bold; color: #fff; }
#ibrHead h3 {  color: #fff; }
#ibrHead2 p { overflow: hidden; border-top: 1px solid #F7E399; color: #333; }
#ibrHead2 span { float: left; width: 111px; background-color: #FDF9E8;  }
#ibrHead2 strong { padding: 17px 10px 5px 10px; display: block; text-align: center; border-right: 1px solid #F7E399; height: 30px; vertical-align: middle; }
#ibrHead2 p.row1 { font-size: 16px; line-height: 20px; border-top: none; }
#ibrHead2 p.row1 span { background-color: #F2E5B0; }
#ibrHead2 span.col1 { width: 118px; border-left: 1px solid #F7E399; }
#ibrHead2 .col1 em { position: relative; top: -8px; font-style: normal;  }
#ibrHead3 { background-color: #1569B4; overflow: hidden; padding: 11px 10px 11px 5px; color: #fff; }
#ibrHead3 strong { width: 180px; float: left; font-size: 18px; line-height: 23px; padding-top: 6px; }
#ibrHead3 span { float: right; width: 90px; padding-right: 10px; font-size: 30px; line-height: 35px; font-weight: bold; text-align: right; }
#ibrHead3 img { float: right; }

/* Footer text */
#footer { margin: 20px 0 0 0; color: #333;   }
#footer a { color: #015CAD; text-decoration: none; font-weight: bold; }
#footer2 { margin: 15px 0 0 0; overflow: hidden; }
#footer2 a#cta { float: left; }
#footer2 span { float: left; margin-left: 15px; width: 207px; color: #333;  }


a.yellowButton {
	background: #fff3d9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top,  #fff3d9 0%, #efbb1a 49%, #f4bc1f 52%, #eed465 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff3d9), color-stop(49%,#efbb1a), color-stop(52%,#f4bc1f), color-stop(100%,#eed465)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fff3d9 0%,#efbb1a 49%,#f4bc1f 52%,#eed465 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fff3d9 0%,#efbb1a 49%,#f4bc1f 52%,#eed465 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fff3d9 0%,#efbb1a 49%,#f4bc1f 52%,#eed465 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fff3d9 0%,#efbb1a 49%,#f4bc1f 52%,#eed465 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff3d9', endColorstr='#eed465',GradientType=0 ); /* IE6-8 */
	border: 1px solid #B38702;
	border-radius: 5px;
	padding: 4px 8px;
	text-decoration: none;
	color: #005CAA;
	font-weight: bold;
	font-size: 14px;
}

.blueArrowOnWhite {
	margin-left: 15px;
	margin-top: -2px;
	vertical-align: middle;
}